import React, { useState } from 'react';
import './addlabel.scss'
import { Input } from 'antd';
import type { RadioChangeEvent } from 'antd';
import { Radio } from 'antd';
function AddLabel(props:any) {
    const [value, setValue] = useState(1);

  const onChange = (e: RadioChangeEvent) => {
    console.log('radio checked', e.target.value);
    setValue(e.target.value);
  };
    return (
        <div className='addlabel'>
            <div className='title-box'>
                <div className='title-top'>用户管理 / 用户标签 / 新建用户标签</div>
                <div className='title-bottom'>新建标签</div>
            </div>
            <div className='addlabel-box'>
                <div className="box_list">
                    <div className="input-box">
                        <span>标签名称</span>
                        <Input placeholder="请输入" style={{width:400}}/>
                    </div>
                    <div className='label-type'>
                        <span className='txt'>标签类型</span>
                        <Radio.Group onChange={onChange} value={value}>
                            <Radio value={1}>手动标签</Radio>
                            <Radio value={2}>自动标签</Radio>
                        </Radio.Group>
                    </div>
                    <div className='btn'>
                        <button>提交</button>
                        <button>返回</button>
                    </div>
                </div>
            </div>
        </div>
    );
}

export default AddLabel;